<include file="Public:header" />


<!--顶部关注提示-->
<notempty name="member">

    <style>

        .hCenter {
            margin: 0px auto;
            font-family: sans-serif;
            text-shadow: none;
        }
        .w {
            width: 100%;
            max-width: 640px;
        }

        .focusC{
            position:fixed;height:50px;line-height:50px;
            background:#653300;
            top: 0;
            z-index: 105;
            position:reative;
        }
        .focusCReplace{
            height:50px;line-height:20px;
        }
        .focusC .img{
            float:left;max-height:35px;max-width:35px;
            margin-left:10px;
            margin-top:8px;
        }
        .focusC .desc{
            float:left;
            color:#FFF;
            margin-left:8px;
            margin-top:7px;
            line-height:20px;
            font-size:11px;
        }
        .focusC .nick{
            color:#00ef00;
        }
        .focusC .action{
            position:absolute;
            color:#FFF;
            border:1px solid #3bea2d;
            border-radius: 2px;
            /*height:20px;*/
            padding:3px 3px;
            line-height:20px;
            top:12px;
            right:10px;

        }
    </style>

    <!--    <div class="w hCenter focusC"> 
    
            <img class="img"  style="width: 35px;height: 35px" src="{$member.info.headimgurl|default='/Public/front/images/noavatar_big.jpg'}" /> 
    
            <span class="desc"> 
    
                <span class="nick">
                    [{$member.nickname|default='NoBody'}]
                </span>
    
                <br> 您还没有分销资格，赶快获得吧！
            </span> 
    
            <a class="action" href="{$start_goods_link}">立即购买</a> 
    
            <div class="c"></div> 
    
        </div>-->

</notempty>

<!--end 顶部关注提示结束-->


<!--首页轮播图--start-->
<div class="flexslider">


    <ul class="slides" >

        <empty name='banner_list'>

            <li>
                <img alt="首页轮播" style="width:100%" src="__PUBLIC__/front/images/lvgtactivity.jpg">
            </li>

            <li>
                <a href="{:U('WeChat/Special/detail/id/4.html')}"><img alt="首页轮播" style="width:100%" src="__PUBLIC__/front/images/bulangshan_shucha.jpg"></a>
            </li>

            <li>
                <a href="{:U('WeChat/Special/detail/id/3.html')}"><img alt="首页轮播" style="width:100%" src="__PUBLIC__/front/images/bulangshan_shengcha.jpg"></a>
            </li>

            <li>
                <a href="{:U('WeChat/Special/detail/id/1.html')}"><img alt="首页轮播" style="width:100%" src="__PUBLIC__/front/images/yecha_sanfen.jpg"></a>
            </li>

            <li>
                <a href="{:U('WeChat/Special/detail/id/2.html')}"><img alt="首页轮播" style="width:100%" src="__PUBLIC__/front/images/yecha_wufen.jpg"></a>
            </li>

            <else />

            <volist name='banner_list' id='bl'>

                <!--<a href="{$bl.link|default = 'javascript:;'}">-->
                <li>
                    <img alt="首页轮播" style="width:100%;min-height: 160px;" src="{$bl.cover|get_cover}" />
                </li>
                <!--</a>-->

            </volist>

        </empty>

    </ul>
</div>

<script>
    // JavaScript Document
    $(document).ready(function () {
        $('.flexslider').flexslider({
//            namespace: 'flex-', //控件的命名空间，会影响样式前缀 
            animation: "slide", //String: Select your animation type, "fade" or "slide"图片变换方式：淡入淡出或者滑动
            slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"图片设置为滑动式时的滑动方向：左右或者上下
            controlsContainer: ".home", // 控制容器	.flexslider上一级

            slideshowSpeed: 5000, // 自动播放速度毫秒
            animationSpeed: 600, //滚动效果播放时长
            pausePlay: false, //是否显示播放暂停按钮
        });
    });
</script>

<!--首页轮播图结束-->

<!--正文内容-->
<div id="main">

    <!--结合底部分类效果-->
    <include file="Public:procat" />

    <!--首页模块菜单开始-->
    <div class="logoqu">

      <img src="__PUBLIC__/front/images/members_only/jiafang.png" width="100%" />
    </div>

    <!--首页菜单模块结束-->

    <!--滚动广告开始-->
    <link rel="stylesheet" href="__PUBLIC__/front/css/scropAd.css" />

    <div id="gongao"> 
        <div class="remind-img">
            <p style="padding-top: 4px ;line-height: 36px;color:#ffffff; text-align: center;font-weight: 600">今日头条</p>
        </div>

        <marquee style="width:90%;margin-left: 10%">{:C('WEB_SITE_USER_TEXT')}</marquee>

    </div>
    <!--滚动广告结束-->

    <!--搜索模块开始-->
    <form id="form1" name="form1" method="post" action='{:U("Goods/search")}'>

        <div class="index-search">

            <div class="index-input">

                <input name="keyword" value="" placeholder='请输入搜索关键字' />

                <button type="button" onclick="checKeyword()">查 找</button>

            </div>
        </div>

    </form>

    <script>

        function checKeyword() {
            var keyword = $('input[name = keyword]').val();

            if ((keyword == '') || (keyword == '请输入搜索关键字')) {
                //                jAlert('您好，请输入搜索内容。', '');
                return;
            }

            $('#form1').submit();

        }
    </script>
<!--background: #3b78c8-->
    <style>
        input,button{padding: 0;margin: 0;}
        .index-search{width: 100%; margin: 0 auto; }
        .index-input{ margin:0 auto;border: 1px solid #c8c8c8; position: relative; margin:5px 0; background: #ffffff none repeat scroll 0 0; border-radius: 5px;  background: rgb(255, 255, 255) url(__PUBLIC__/front/images/search/search.png) no-repeat 3% center; background-size: 20px 20px;}
        .index-input input{width:90%;line-height: 34px; border: none; margin-left: 10%;  outline:none}
        .index-input button{position: absolute;right: -1px;height: 36px;background: #F70808;color: #ffffff; border: none; top: -1px; border-radius: 3px; border-radius: 0 5px 5px 0; padding: 4px;}
    </style>
    <!-- 搜索模块结束-->

    <!--经典模块展示开始-->
    <link rel="stylesheet" href="__PUBLIC__/front/css/classicmodule.css" />

    <script>

        function sepcial_category(catId) {

            var categoryId = catId;

            var url = "{:U('Category/special_index')}" + "&sp_id=" + categoryId;

            window.location.href = url;
        }

    </script>

    <!--  <div class="cloumn-box">
        <ul>

            <li>
                <a href="javascript:;" onclick="sepcial_category('1')">

                    <img src="__PUBLIC__/front/images/members_only/01.png">

                    <p>运动</p>

                </a>

            </li>

            <li>

                <a href="javascript:;" onclick="sepcial_category('2')">

                    <img src="__PUBLIC__/front/images/members_only/02.png">

                    <p>电器</p>

                </a>

            </li>

            <li>

                <a href="javascript:;" onclick="sepcial_category('3')">

                    <img src="__PUBLIC__/front/images/members_only/03.png">

                    <p>配饰</p>

                </a>

            </li>

            <li>

                <a href="javascript:;" onclick="sepcial_category('4')">

                    <img src="__PUBLIC__/front/images/members_only/04.png">

                    <p>孕婴</p>

                </a>

            </li>

            <li>

                <a href="javascript:;" onclick="sepcial_category('5')">

                    <img src="__PUBLIC__/front/images/members_only/05.png">

                    <p>箱包</p>

                </a>

            </li>

            <li>

                <a href="javascript:;" onclick="sepcial_category('6')">

                    <img src="__PUBLIC__/front/images/members_only/06.png">

                    <p>服饰</p>
                </a>
            </li>

            <li>
                <a href="javascript:;" onclick="sepcial_category('7')">

                    <img src="__PUBLIC__/front/images/members_only/07.png">

                    <p>数码</p>

                </a>

            </li>

            <li>

                <a href="javascript:;" onclick="sepcial_category('8')">

                    <img src="__PUBLIC__/front/images/members_only/08.png">

                    <p>家纺</p>

                </a>

            </li>

            <li>

                <a href="javascript:;" onclick="sepcial_category('9')">

                    <img src="__PUBLIC__/front/images/members_only/09.png">

                    <p>美护</p>

                </a>

            </li>

            <li>

                <a href="javascript:;" onclick="ajaxopquyu()">

                    <img src="__PUBLIC__/front/images/members_only/10.png">

                    <p>更多</p>

                </a>

            </li>

        </ul>

    </div>-->
    
    <!--经典模块展示结束-->

    <!--中间广告位开始
    <img src='__PUBLIC__/front/images/demo/ad.jpg' style='width:100%; height: 100px' />
    中间广告位结束-->

    <!--分类商品开始-->
    <div style="">

        <notempty name="data">

            <volist name="data" id="c" empty="暂时没有数据">

                <div style="padding-top:0px" class="indexitem">

                    <p class="ptitle">

                        <span>
                            <a>{$c.title}</a>
                        </span>

                        <a href="{:U('WeChat/Category/index',array('id'=>$c['id']))}" style="float:right; margin-right:5px; color:#32a000">更多&gt;&gt;</a>
                    </p>

                    <!--分类图片展示-->
                    <p>
                        <a href="{:U('Category/index',array('id'=>$c['id']))}">

                            <if condition="$c.cover neq null ">

                                <img src="{$c.cover|get_cover}" alt="{$c.title}" style="width:100%" />

                                <else />

                                <img src="__PUBLIC__/front/images/demo/banner1.jpg" style="width:100%" />

                            </if>
                        </a>
                    </p>


                    <ul class="goodslists">

                        <notempty name="data">

                            <volist name="c.list" id="p" empty="暂时没有数据">

                                <li style="width:50%; float:left; position:relative;font-size:14px;border-bottom: 1px solid #f3f3f3">

                                    <div style="padding:4px 4px 8px 4px">

                                        <a style="background:#fff; padding:5px; display:block;" href="{:U('WeChat/Goods/detail',array('id'=>$p['id']))}">

                                            <div style="height:150px;overflow:hidden; text-align:center; position: relative">
                                                <img alt="{$p.title}" style="height: auto;max-width:100%; min-height:100px;display:inline;" src="{$p.cover|get_cover}">

                                                <div style='background: rgba(102,102,102,0.6); height:24px;position: absolute;bottom: 0;left: 0;width: 100%'>
                                                    <p style="line-height:24px; overflow:hidden; text-align:center;color:#FFF">{$p.title}</p>
                                                </div>
                                            </div>

                                            <p style="line-height:24px; height:24px; overflow:hidden; color:#32a000">
                                                <span style="float:left">惊喜价:</span>
                                                <b style="font-size:16px; float:left; padding-left:3px;" class="price">￥{$p.price}</b>
                                            </p>


                                            <!--<p style="line-height:20px; height:20px; overflow:hidden; color:#999999">积&emsp;分:{$p.pv}</p>-->


                                            <p style="line-height:20px; height:20px; overflow:hidden; color:#999999">
                                                <del>市场价:￥{$p.original_price}</del>
                                            </p>

                                        </a>

                                    </div>

                                    <a href="{:U('WeChat/Goods/detail',array('id'=>$p['id']))}">
                                        <span class="buyfals" style=" margin-right:0px;width:55px; height:24px; display:block; text-align:center; line-height:24px; font-size:12px; background:#32a000;border-radius:5px; position:absolute; bottom:13px; right:10px; z-index:10; color:#FFFFFF;">立即购买</span>
                                    </a>

                                </li>

                            </volist>

                        </notempty>

                        <div class="clear"></div>

                    </ul>

                </div>

            </volist>

        </notempty>

    </div>
    <!--分类商品结束-->

</div>

<!--底部导航开始-->
<include file="Public:footer" />
<!--底部导航结束-->

